@each $orientation in m, p {
	$space: margin;
	@if $orientation == m {
		$space: margin;
	} @else {
		$space: padding;
	}
	@for $i from 0 through 64 {
		.xjs-#{$orientation}-#{$i} {
			#{$space}: #{$i}rpx;
		}
		@each $direction, $name in (t, top), (l, left), (b, bottom), (r, right) {
			.xjs-#{$orientation}#{$direction}-#{$i} {
				#{$space}-#{$name}: #{$i}rpx;
			}
		}
	}
}

@for $i from 0 through 64 {
	.xjs-radius-#{$i} {
		border-radius: #{$i}rpx;
	}
}

@for $size from 1 through 64 {
	.xjs-size-#{$size} {
		font-size: #{$size}rpx;
	}
}

@each $var in normal, bold {
	.xjs-weight-#{$var} {
		font-weight: #{$var};
	}
}

@each $var in left, right, center {
	.xjs-text-#{$var} {
		text-align: #{$var};
	}
}
@mixin flex($align: stretch, $content: flex-start, $wrap: nowrap, $dir: row) {
	//布局
	display: flex;
	display: -webkit-flex;
	display: -webkit-box-flex;
	align-items: $align;
	justify-content: $content;
	-webkit-justify-content: $content;
	flex-wrap: $wrap;
	-webkit-flex-wrap: $wrap;
	flex-direction: $dir;
}
/* 文本一行显示 超出省略号表示 */
.xjs-line-one {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

/*文本两行显示，超出省略号表示 */
.xjs-line-two {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*文本三行显示，超出省略号表示 */
.xjs-line-three {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.kefu {
	position: fixed;
	right: 32rpx;
	bottom: calc(var(--safe-area-bottom) + 320rpx);
	width: 140rpx;
	height: 140rpx;
}

.subcribTips {
	margin-top: 32rpx;
	color: #6363ff;
	text-decoration: underline;
}
// 注册登录输入框公共样式
.input-group {
	display: flex;
	align-items: center;
	background-color: #f8f8f8;
	border-radius: 32rpx;
	margin-bottom: 30rpx;
	padding: 0 30rpx;
	height: 128rpx;
	line-height: 128rpx;
	position: relative;
	.country-code {
		color: #333;
		margin-right: 20rpx;
		font-size: 28rpx;
		position: relative;
		padding-right: 20rpx;

		&::after {
			content: '';
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 2rpx;
			height: 24rpx;
			background-color: #dddddd;
		}
	}
	.input {
		width: 50% !important;
		font-size: 32rpx;
		background-color: transparent;
		padding: 0 20rpx;

		&::placeholder {
			color: #cccccc;
		}
	}
	.input-group-fixed {
		position: absolute;
		right: 32rpx;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		gap: 20rpx;
		.clear-icon {
			opacity: 0.6;
			z-index: 3;
		}
		.eye-icon {
			opacity: 0.6;
			z-index: 3;
		}
		.verify-btn {
			font-size: 28rpx;
		}
		.confirm-btn{
			height: 52rpx !important;
			line-height: 52rpx !important;
			padding: 0 30rpx;
			font-size: 24rpx;
			&.disabled {
				opacity: 0.5 !important;
				pointer-events: none;
			}
		}
	}
}


.uni-input-input,input,textarea {
    caret-color: var(--color-primary) !important;
}
